import {StyleSheet} from  'react-native';
import Utils from  '../utils';

export default styles = StyleSheet.create({
    contaniner:{
        width:Utils.size.width,
        height:Utils.size.height,
    },
    backgroundFixed:{
        position:'absolute',
        top:0,
        left:0,
        right:0,
        bottom:0,
    },
    sliders:{
        position: 'absolute',
        width: Utils.size.width,
        bottom: 70,
        left:0
    },
    slideText:{
        color: "#fff",
        textAlign:"center"
    },
    slideTextTitle:{
        color: "#fff",
        textAlign:"center",
        fontWeight:"700"
    },
    logo:{
        position:'absolute',
        width:Utils.size.width,
        top:50,
        left:0,
        flexDirection:'row',
        alignItems:'center',
        justifyContent:'center',
    },
    logoIconContainer:{
        backgroundColor:"transparent",
        paddingRight:5,
        marginTop:5
    },
    logoTextContainer:{
        backgroundColor:"transparent"
    },
    logoText:{
        color:"#fff",
        textAlign:"left",
        fontSize: 35,
        fontWeight:"700",
        backgroundColor:"transparent",
    },
    btnContainer:{
        position:"absolute",
        width: Utils.size.width,
        bottom: 0,
        left: 0,
        height: 40,
        flexDirection: "row"
    },
    btn:{
        flex:1,
        alignItems:"center",
        justifyContent:"center"
    },
    btnText:{
        color:"#fff",
        fontWeight:"500",
        fontSize:14
    },
})